<template>
	<view class="guar-list">
		<view class="guar" v-for="(item,index) in array" :key="index">
			<image :src="item.src" mode="widthFix"></image>
			<text>{{item.name}}</text>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				array:[
					{src:"../../static/image/index/ic-freight.png",name:'配送全国'},
					{src:"../../static/image/index/ic-topDate.png",name:'晚到必赔'},
					{src:"../../static/image/index/ic-jian.png",name:'100%检'},
					{src:"../../static/image/index/ic-mass.png",name:'包退包赔'}
				]
			}
		},
		methods:{
			
		}
	}
</script>

<style lang="less">
	.guar-list{
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 20upx;
		background-color: #FFFFFF;
		.guar{
			font-size: 24upx;
			color: #333333;
			display: flex;
			align-items: center;
			image{
				width: 28upx;
				height: 30upx;
				margin-right: 10upx;
			}
			text{
				display: block;
			}
		}
	}
</style>
